<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Responsive Theme, Blog</title>
  <meta name="keywords" content="responsive, blog, bootstrap, free template, fluid layout, templatemo, html css" />
  <meta name="description" content="Responsive Theme, blog, free template based on Bootstrap framework." />
  <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="templatemo_style_fix_menu.css" rel="stylesheet" type="text/css">
  <link href="../static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="templatemo_style.css" rel="stylesheet" type="text/css">
  <!-- HTML 5 shim for IE backwards compatibility -->
  <!-- [if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
  </script>
  <![endif]-->
</head>
<body>
  <header>
   <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="brand" href="http://www.cssmoban.com/" target="_parent">Responsive</a>
        <nav class="nav-collapse collapse">
          <ul class="nav pull-right">
           <li><a href="index.html">Home</a></li>             
           <li><a href="about.html">About</a></li>
           <li><a href="portfolio.html">Portfolio</a></li>
           <li class="active"><a href="blog.html">Blog</a></li>
           <li><a href="contact.html">Contact</a></li>
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a>
            <ul class="dropdown-menu">
              	<li><a href="http://www.cssmoban.com"  target="_blank">Free CSS Templates</a></li>
                <li><a href="#" target="_blank">Free Flash Stuffs</a></li>
                <li><a href="#" target="_blank">Flash Web Gallery</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>
</header>
<section class="container" id="page_content">
  <div class="row">
    <div class="span9">
      <div class="row">
        <header class="span12">
          <h3>Blog</h3>
        </header> 
      </div>
      <section id="content">
        <article class="post_box"> <a href="blog_post.html"><img src="../static/images/templatemo_image_01.png" alt="Model Girl 1" class="image_frame_300 img-polaroid"/></a>
          <h2>Proin Mauris Nibh Aliquet id Consequat</h2>
          <p> In ante felis, molestie eu euismod id, gravida id enim. Nam consequat vehicula libero, in dignissim velit blandit vel. Morbi quam sapien, pellentesque id aliquam eu, molestie non velit, non viverra quam sem eget elit.</p>
          <a href="blog_post.html" class="btn btn-danger">Read more...</a>
          <div class="cleaner"></div>
          <div class="post_meta">
            Posted: <i>24 May 2072</i> | In <a href="#"><i>New Faces</i></a>, <a href="#"><i>Fashion Shows</i></a>
            <span>( 256 comments )</span>
          </div>

        </article>
        <article class="post_box"> <a href="blog_post.html"><img src="../static/images/templatemo_image_02.png" alt="Model Girl 2" class="image_frame_300 img-polaroid" /></a>
          <h2>Aliquam Consectetur Varius Lorem</h2>
          <p>Suspendisse bibendum eros eu lorem pharetra porta. Suspendisse porta convallis libero eu ultricies. Aenean dictum lacus vitae dolor commodo fringilla. Donec vitae justo sed diam tincidunt gravida sed vel nisi.</p>
          <a href="blog_post.html" class="btn btn-danger">Read more...</a>
          <div class="cleaner"></div>
          <div class="post_meta">
            Posted: <i>20 May 2072</i> | In <a href="#"><i>Models</i></a>, <a href="#"><i>Trends</i></a>
            <span>( 512 comments )</span>
          </div>

        </article>
        
        <article class="post_box"> <a href="blog_post.html"><img src="../static/images/templatemo_image_03.png" alt="Model Girl 3" class="image_frame_300 img-polaroid" /></a>
          <h2>Nullam Bibendum Lacinia Venenatis</h2>
          <p>Nullam bibendum lacinia venenatis. Phasellus sapien nisl, scelerisque eu sodales sit amet, imperdiet non neque. Curabitur viverra cursus augue, sed mattis nulla dignissim et.</p>
          <a href="blog_post.html" class="btn btn-danger">Read more...</a>
          <div class="cleaner"></div>
          <div class="post_meta">
            Posted: <i>16 May 2072</i> | In <a href="#"><i>Fashion</i></a>, <a href="#"><i>Design</i></a>
            <span>( 768 comments )</span>
          </div>

        </article>        
        <nav class="pagination pagination-centered">
          <ul>
            <li class="disabled"><a href="http://www.cssmoban.com"  target="_parent">&laquo;</a></li>
            <li class="active"><a  href="http://www.cssmoban.com/" target="_parent">1</a></li>
            <li><a  href="http://www.cssmoban.com/" target="_parent">2</a></li>
            <li><a  href="http://www.cssmoban.com/" target="_parent">3</a></li>
            <li><a  href="http://www.cssmoban.com/" target="_parent">4</a></li>
            <li><a  href="http://www.cssmoban.com/" target="_parent">5</a></li>
            <li><a  href="http://www.cssmoban.com/page/6" target="_parent">6</a></li>
            <li><a  href="http://www.cssmoban.com/page/7" target="_parent">&raquo;</a></li>
          </ul>
        </nav>        
      </section>
    </div>
    <aside class="span3">
      <nav class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">Categories</li>
          <li class="active"><a href="#">Lorem ipsum</a></li>
          <li><a href="#">Suspendisse </a></li>
          <li><a href="#">Calender</a></li>
          <li><a href="#">Events</a></li>
          <li class="nav-header">Sidebar</li>
          <li><a href="#">Nam sed mi</a></li>
          <li><a href="#">Aenean</a></li>
          <li><a href="#">Quisque</a></li>
          <li><a href="#">Fusce</a></li>
          <li><a href="#">Sed varius</a></li>
          <li><a href="#">Maecenas</a></li>
          <li class="nav-header">Sidebar</li>
          <li><a href="#">Cras convallis</a></li>
          <li><a href="#">Integer id sapien</a></li>
          <li><a href="#">Vestibulum</a></li>
        </ul>
      </nav>
      <section>
        <h4 class="text-center">Testimonials</h4>
        <blockquote class="pull-right"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
          <small><cite title="Source Title">Tim Cook</cite>, Visual Designer</small>
        </blockquote>
      </section>
  </aside>
  </div>
</section>
<footer>
    <div class="container">        
      <div id= "latest" class="row">
        <section class="span4 rp_box_wrapper">
          <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i></h4>
          <article class="rp_box">
            <a href="#"><img src="../static/images/templatemo_image_04.png" alt="image 4" class="img-rounded"/></a>
            <div class="date">May 24, 2072</div>
            <a href="#">Sed quam lorem, ultricies et lobortis rutrum, tristique id lorem.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="../static/images/templatemo_image_05.png" alt="image 5" class="img-rounded"/></a>
            <div class="date">May 20, 2072</div>
            <a href="#">Duis vestibulum libero accumsan lorem varius tristique.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="../static/images/templatemo_image_06.png" alt="image 6" class="img-rounded"/></a>
            <div class="date">May 16, 2072</div>
            <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.</a>            
          </article>
        </section>
        
        <section class="span4 rp_box_wrapper">
        
          <h4>Latest Tweets <i class="icon-twitter icon-white"></i></h4>
          
          <ul class="twitter_post">
            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">#</a></li>
            <li>Proin dignissim, diam nec <a href="#">@网站模板</a> enim lorem tempus orci, ac imperdiet ante purus in justo.</li>
            <li>Fusce cursus consectetur ultricies <a href="#">#freetemplate</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. </li>
            <li>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></li>
            <li>Icons Collect from <a href="http://fontawesome.io" target="_blank">Font Awesome</a></li>
            <li>Validate <a href="#" >HTML</a> &amp; <a href="#" >CSS</a></li>
          </ul>
          <br />
          
          <div class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </div>
         
       </section>
       
       <section class="span4 rp_box_wrapper">
       
        <h4>Contact Us <i class="icon-envelope icon-white"></i></h4>
        <form>
          <input name="fullname" type="text" id="fullname" placeholder="Name" maxlength="30" />
          <input name="email" type="text" id="email" placeholder="Email" maxlength="30" />
          <textarea rows="3" placeholder="Message"></textarea>
          <p><button type="submit" class="btn">Submit</button></p>
        </form>
        
        <address>
          <strong>Responsive</strong><br>
          222-444 Aliquam semper dignissim,<br>
      	  Fusce cursus turpis lacus, 22440<br>
          Sit amet tortor<br />
          <a href="#" title="高清股票照片 from cn.hdstockphoto.com"  class="res_about" target="_blank">高清股票照片</a><br>
          <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br>
          <abbr title="Email">Email:</abbr> <a href="mailto:info@company.com">info@company.com</a>
        </address> 

      </section>
      
    </div>
      <div class="credit">
        <p id="templatemo_cr_bar">
          Copyright © 2072 <a href="#">Your Company Name</a> | <a  href="http://www.cssmoban.com/">模板之家</a> Collect from <a href="http://www.cssmoban.com">网页模板</a>
        </p>
      </div>
    </div>
  </footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
</body>
</html>